<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Login de usuario</title>
    </h:head>
    <h:body>
        <ui:composition>
            <div style="height: 100px; background-image: url(Imagenes/relajacionazul.jpg);">
                <div style="width: 96%; margin: 0 auto;">
                    <div style="float: left; margin-top: 20px; margin-left: 50px;">
                        <img src="Imagenes/logo.png" />
                    </div>
                    <div style="float: right; margin-top: 60px;"> 
                        <h:form id="loginFrom">
                            <p:growl id="messages"  /> 
                            <h:outputText  value="Usuario:" style="color: #ffffff;"></h:outputText><p:spacer width="3"/>    
                            <p:inputText id="usuario" styleClass="input" value="#{controlusuarios.usuario}" required="true" requiredMessage="Ingrese el Usuario"></p:inputText>
                            <h:outputText value=" Contraseña:" style="color: #ffffff;"></h:outputText><p:spacer width="3"/>  
                            <p:keyboard password="true"  id="clave"  value="#{controlusuarios.clave}" required="true" requiredMessage="Ingrese la Contraseña"/> <p:spacer width="5"/>  
                            <h:commandButton  type="submit"  value="Iniciar"  action="#{controlusuarios.validar()}"></h:commandButton>
                        </h:form>

                    </div>
                </div>
            </div>
        </ui:composition>
    </h:body>
</html>

